<script type="text/javascript" src="js/customer.js"></script> 
<div class="float_left" >
    <H3>Registered customer </H3>
    <div class="box-sign">
        <div class="table-view" style="padding: 10px 20px 10px 0px;">
            <div>First name:</div> 
            <input value="" type="text"  id="first-name"  maxlength="40" /><br/>

            <div>Last name:</div> 
            <input value="" type="text"  id="last-name"  maxlength="40"/><br/>

            <div>Age:</div> 
            <input value="" type="text"  id="age"  maxlength="40"/><br/>

            <div>Sex:</div> 
            <input type="radio" name="sex" value="0" checked="checked"> male
            <input type="radio" name="sex" value="1"> female<br/>

            <div>Language:</div> 
            <input value="" type="text"  id="lang"  maxlength="40"/><br/>
            <br/>
            <h4 class="show-slide-block"><span>Show</span> contact information block</h4>
            <div class="slide_block" style="display: inline;">
                <div>Phone:</div> 
                <input value="" type="text"  id="phone"  maxlength="40"/><br/>

                <div>Fax:</div> 
                <input value="" type="text" id="last-name"  maxlength="40"/><br/>

                <div>E-mail:</div> 
                <input value="" type="text"  id="email"   maxlength="60"/><br/>
            </div>
            <br/>
            <h4 class="show-slide-block"><span>Show</span> location block</h4>
            <div class="slide_block" style="display: inline;">
                <div>Country:</div> 
                <input value="" type="text"  id="country"   maxlength="40"/><br/>

                <div>State:</div> 
                <input value="" type="text" id="state"   maxlength="40"/><br/>

                <div>City:</div> 
                <input value="" type="text"  id="city"  maxlength="50"/><br/>

                <div>Street:</div> 
                <input value="" type="text"  id="street"   maxlength="60"/><br/>

                <div>ZIP Code:</div> 
                <input value="" type="text" id="zip"  maxlength="15"/><br/>
            </div>
            <br/>
            <input type="button" value="Find customer" id="find-btn" /><br/>
        </div>
    </div>
</div>

<div class="float_left" >
    <H3>New customer </H3>    
    <div class="box-sign">
        <br/>
        <a href="index.jsp?content=createcustomer">
            <div style="text-align: center; width: 100%;">
                <img src="images/addface.gif" width="248px"/>
                <br/><br/>
                <h2>Create new customer</h2>
            </div>
        </a>
    </div>
</div>
<h3 class="block-header">Customers</h3>
<div style="display: inline-block; width: 100%;">
    <div class="box">
        <table class="table" rules=all>
            <tr>
                <td>Name</td>
                <td>Phone</td>
                <td>Address</td>
            </tr>

            <tr>
                <td><a href="index.jsp?content=customer_view">Yaroslav Gyrych</a></td>
                <td>0633289472</td>
                <td>Ukraine, Kyiv, Balzaka Street 58, 02232</td>
            </tr>
        </table>
    </div>
</div>